<template>
  <div class="content">
    <table>
      <thead>
        <tr>
          <th>学生姓名</th>
          <th></th>
          <th></th>
          <th></th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>俞凯文</td>
        </tr>
      </tbody>
    </table>
    <table>
      <thead>
        <tr>
          <th>作业名称</th>
          <th>批改状态</th>
          <th>评语</th>
          <th>操作</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>123</td>
          <td>123</td>
          <td>123</td>
          <td>123</td>
        </tr>
      </tbody>
    </table>
  </div>
</template>
<script>
</script>
<style>
.content {
  width: 95%;
}
table {
  width: 100%;
  margin-bottom: 20px;
}
thead tr {
  background-color: #f8f8f8;
}
tr {
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #bbb;
}
th,
tr {
  width: 25%;
}
</style>